<template>
  <div class="nav-bar">
    <van-nav-bar
      left-text="湖南到家家政平台"
      left-arrow
      @click-left="$router.back()"
      class="navBar"
    />
  </div>
</template>

<script>
export default {
  name: "NavBar",
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss">
.navBar {
  background-color: #3f51b5 !important;
  height: 180px;
  ::v-deep .van-nav-bar__text {
    font-size: 32px;
    color: #fff;
    font-weight: 800;
  }
  ::v-deep .van-nav-bar__arrow {
    font-size: 36px;
    color: #fff;
    font-weight: 800;
  }
  ::v-deep .van-nav-bar__left {
    margin-top: 40px;
    padding-left: 26px;
  }
}
</style>
